<template>
  <div class="app-container">
    <div class="top">
    <el-form ref="form" :model="form" label-width="80px" inline size="mini">
      <el-form-item>
         <el-date-picker
      v-model="form.date"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button type="primary">查询</el-button>
      </el-form-item>
    </el-form>
    </div>
      <el-table :data="data" style="width: 100%" border > <!-- :header-cell-style="{color: 'black', fontSize: '14px', backgroundColor: 'rgba(244,244,245,1)'}" -->
      <el-table-column prop="prop" label="免疫日期" width="width" align="center">
      </el-table-column>
      <el-table-column prop="prop" label="免疫项目" width="width" align="center">
      </el-table-column>
      <el-table-column prop="prop" label="免疫对象" width="width" align="center">
      </el-table-column>
      <el-table-column prop="prop" label="免疫类型" width="width" align="center">
      </el-table-column>
      <el-table-column prop="prop" label="免疫数量" width="width" align="center">
      </el-table-column>
      <el-table-column prop="prop" label="疫苗明细" width="width" align="center">
      </el-table-column>
      <!-- 无数据 -->
      <template slot="empty">
        <div class="noData"> <!--  v-show="data.length===0" -->
          <img src="@/assets/images/noData.png" />
          <p>暂无数据</p>
        </div>
      </template>
    </el-table>
    <Pagination :total="100"></Pagination>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form:{
        date:[]
      }
    }
  },
};
</script>
<style lang="scss" scoped>
</style>

